import React from "react";
import './my_info.scss'
import {Button, DatePicker, Input, Select, Table} from "antd";
const { RangePicker } = DatePicker;

function My_info(props){
    const { Option } = Select;
    const data = [
        {
            index: 1,
            title: '政策发布测试1'
        },
        {
            index: 2,
            title: '政策发布测试2'
        },
        {
            index: 3,
            title: '政策发布测试3'
        },
        {
            index: 4,
            title: '政策发布测试4'
        },
        {
            index: 5,
            title: '政策发布测试5'
        },
    ]
    const columns = [
        {
            title: '序号',
            dataIndex: 'index',
            key: '序号',
        },
        {
            title: '文章标题',
            dataIndex: 'title',
            key: 'title',
        }
    ]

    return(
        <div className={'my-info-container'}>

            <div className={'my-info-title'}>
                我的资讯
            </div>

            <div className={'my-info-panel'}>
                <div >
                    <RangePicker />
                </div>

                <div>
                    <Input placeholder='发布单位'/>
                </div>

                <div>
                    <Select placeholder="资讯类别">
                        <Option>类别一</Option>
                        <Option>类别二</Option>
                        <Option>类别三</Option>
                    </Select>
                </div>

                <div>
                    <Input placeholder='文章标题'/>
                </div>

                <Button type={'primary'}>查询</Button>
                <Button>重置</Button>
            </div>

            <div className={'my-info-table'}>
                <Table dataSource={data} columns={columns}/>
            </div>
        </div>
    )
}

export default My_info